<?php 
/**
* @authors darl2ng@gmail.com, ngocanh.ngo@gmail.com
* @version 0.9
* Copyright 2010
* 
* The MIT License
* Copyright (c) 2010 <darl2ng@gmail.com, ngocanh.ngo@gmail.com>
* 
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
* 
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
* 
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*/
include '../xajax_0.5/xajax_core/xajax.inc.php';
include '../dypax/dypax.inc.php';
$dypax->loadXML("dynpax.xml");
$xajax->processRequest();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en">
    <head>
    	<title>dypax using xajax page example </title>
    	<link type="text/css" rel="stylesheet" href="stylesheet.css"></link>
        <?php $xajax->printJavascript( "../xajax_0.5/" ) ?>
        <script type='text/javascript' language='javascript' src='application.js'></script>
    </head>
<body>

<div id='content_view1'>
	<p>	In order to build a dypax page that has ajax clickable items with configurable actions in a xml file such as:
	<ul>
	<li> xajax (i.e. javascript) calls : add/remove/append/clear DOM elements using id</li>
	<li> xajax (i.e. javascript) calls : script/call/alert/redirect</li>
	<li> and user-defined actions (php and javascript)</li>
	<li> speciality: all those actions can be easily combined together, so clicking on one item can do any thing to the page except magic ;-)</li>
	</ul>
	</p>
</div>

<div id='content_view2'>
<p> One has to do the following, in the exact order:
	<ul>
	<li> include xajax, e.g. '../xajax_0.5/xajax_core/xajax.inc.php';</li>
	<li> include dypax e.g. '../dypax/dypax.inc.php';</li>
	<li> load the dypax's xml config file, which is per page or global</li>
	<li> then $xajax->processRequest();</li>
	<li> then print page with $xajax->printJavascript( "../xajax_0.5/" ) in page's head section</li>
	<li> then print the command using id such as onclick ='$dypax->printJavaScriptById('cmd1');'</li>
	<li> then that's it, see the dynpax.xml for example of command configuration</li>
	</ul>
 </p>
</div>
 

<div id='menu'>
<p>Example of clickable items for xajax actions here:
<ul>
<li class='action' onclick ='<?php $dypax->printJavaScriptById('cmd1');?>'>Click on me to change some color, anything you like </li>
<li class='action' onclick ='<?php $dypax->printJavaScriptById('cmd2');?>'>Click on me to change some color, too </li>
<li class='action' onclick ='<?php $dypax->printJavaScriptById('load_and_execute_js');?>'>load_and_execute_js (fixed values in xml)</li>
<li class='action' onclick ='<?php $dypax->printJavaScriptById('call_js_with_parameters');?>'>call_js_with_parameters (fixed values in xml)</li>
<li class='action' onclick ='<?php $dypax->printJavaScriptById('update_content1');?>'>fetch content 1 from a server gateway (watch content below for changes)</li>
<li class='action' onclick ='<?php $dypax->printJavaScriptById('update_content2');?>'>fetch content 2 from a server gateway with a combined behavior</li>
<li class='action' onclick ='<?php $dypax->printJavaScriptById('redirect_menu');?>'>redirect to another page which is defined by the call in the dynpax.xml file</li>
</ul>
</p>
<p>One can still use the xajax to call php object's method as normal, or use our facilitated way:
<ul>
<li class='action' onclick ='<?php $dypax->printJavaScriptById('execute_something');?>'>execute something else</li>
</ul>
</p>
</div>

<div id='content'>
Default Content
</div>

</body>
</html>